<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>index</title>
    <link
      rel="stylesheet"
      href="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css"
      integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu"
      crossorigin="anonymous"
    />
    <link rel="stylesheet" href="../css/index.css" />
    <link rel="stylesheet" href="../font/iconfont.css" />
    <link rel="stylesheet" href="../font_2520519_h1rmxotes3i/iconfont.css" />
    <script src="../js/index.js" type="module"></script>
  </head>
  <body>
    <!-- 右侧固定 -->
    <div class="fix">
      <div class="nav">
        <a href="./shopping trolley.html">
          <span class="iconfont icon-gouwuche"></span>
          <p>购物车</p>
        </a>
      </div>
      <div class="nav">
        <span class="iconfont icon-kefu-copy"></span>
        <p>在线客服</p>
      </div>
      <div class="nav">
        <span class="iconfont icon-RectangleCopy"></span>
        <p>自助服务</p>
      </div>
      <div class="nav" style="display: none">
        <span class="iconfont icon-fanhuidingbu"></span>
        <p>返回顶部</p>
      </div>
    </div>
    <!-- 广告 -->
    <div class="banner">
      <div class="close">&times;</div>
    </div>
    <!-- 头部 -->
    <header>
      <div class="header-cen">
        <ul class="header-ul1">
          <li><a href="./index.html">首页</a></li>
          <li><a href="javaScript:;">华为官网</a></li>
          <li><a href="javaScript:;">花粉俱乐部</a></li>
          <li><a href="javaScript:;">V码(优码购)</a></li>
          <li><a href="javaScript:;">企业购</a></li>
          <li><a href="javaScript:;">Select Region</a></li>
          <li class="first-li">
            <a href="javaScript:;" class="header-ul1-last">更多精彩 <span class="iconfont icon-xiala"></span></a>
            <div class="drop1">
              <ul>
                <li><a href="javaScript:;">EMUI</a></li>
                <li><a href="javaScript:;">应用市场</a></li>
                <li><a href="javaScript:;">华为终端云空间</a></li>
                <li><a href="javaScript:;">开发者联盟</a></li>
              </ul>
            </div>
          </li>
        </ul>
        <ul class="header-ul2">
          <li><a href="./login.html" class="header-ul1-first">请登录</a></li>
          <li><a href="./reg.html">注册</a></li>
          <li><a href="javaScript:;">我的订单</a></li>
          <li class="li1">
            <a href="javaScript:;">客户服务 <span class="iconfont icon-xiala"></span></a>
            <div class="drop2">
              <ul>
                <li><a href="javaScript:;">服务中心</a></li>
                <li><a href="javaScript:;">联系我们</a></li>
              </ul>
            </div>
          </li>
          <li class="li2">
            <a href="javaScript:;">网站导航 <span class="iconfont icon-xiala"></span></a>
            <div class="drop3">
              <div class="div1">
                <span class="iconfont icon-shouye"></span>
                <p><a href="javaScript:;" class="a">商城首页</a></p>
              </div>
              <div>
                <p class="div-p">频道</p>
                <ul>
                  <li><a href="javaScript:;">华为专区</a></li>
                  <li><a href="javaScript:;">企业购</a></li>
                  <li><a href="javaScript:;">教育优惠</a></li>
                </ul>
              </div>
              <div>
                <p class="div-p">产品</p>
                <ul>
                  <li><a href="javaScript:;" class="phone">手机</a></li>
                  <li><a href="javaScript:;">笔记本</a></li>
                  <li><a href="javaScript:;" class="ban">平板</a></li>
                  <li><a href="javaScript:;">智能穿戴</a></li>
                  <li><a href="javaScript:;">智能家居</a></li>
                  <li><a href="javaScript:;">智慧屏</a></li>
                  <li><a href="javaScript:;">耳机音箱</a></li>
                  <li><a href="javaScript:;">热销配件</a></li>
                  <li><a href="javaScript:;">生态产品</a></li>
                  <li><a href="javaScript:;">增值服务</a></li>
                </ul>
              </div>
              <div>
                <p class="div-p">增值服务</p>
                <ul>
                  <li><a href="javaScript:;">以旧换新</a></li>
                  <li><a href="javaScript:;">补购保障</a></li>
                  <li><a href="javaScript:;">一口价换电池</a></li>
                </ul>
              </div>
              <div>
                <p class="div-p">会员</p>
                <ul>
                  <li><a href="javaScript:;">会员频道</a></li>
                </ul>
              </div>
            </div>
          </li>
          <li class="li3">
            <a href="javaScript:;" class="header-ul1-li3">手机版 <span class="iconfont icon-xiala"></span></a>
            <div class="drop4">
              <div>
                <div class="drop4-img"><img src="../images/chat1.png" alt="" /></div>
                <div class="drop4-text">
                  <p class="p1">华为商城APP</p>
                  <p class="p2">新人专享好礼</p>
                  <p class="p2">最高5000积分</p>
                  <img src="../images/pic1.png" alt="" />
                </div>
              </div>
              <div>
                <div class="drop4-img"><img src="../images/chat2.png" alt="" /></div>
                <div class="drop4-text">
                  <p class="p1">华为商城公众号</p>
                  <p class="p3">微信扫一扫</p>
                  <img src="../images/pic.png" alt="" />
                </div>
              </div>
              <div>
                <div class="drop4-img"><img src="../images/chat3.png" alt="" /></div>
                <div class="drop4-text">
                  <p class="p1">微信小程序</p>
                  <img src="../images/pic.png" alt="" />
                </div>
              </div>
            </div>
          </li>
          <li class="li4">
            <a href="./shopping trolley.html" class="header-ul1-last"><span class="iconfont icon-gouwuchekong"></span> 购物车(0)</a>
            <div class="drop5">
              <img src="../images/kong.png" alt="" />
              <p>您的购物车是空的，赶紧选购吧~</p>
            </div>
          </li>
        </ul>
      </div>
    </header>
    <div class="head-cen">
      <div class="head-left">
        <div class="logo">
          <a href="javaScript:;"><img src="../images/logo.png" alt="" title="华为商城" /></a>
        </div>
        <div class="head-nav">
          <ul>
            <li>
              <a href="javaScript:;">
                <img src="../images/华为.png" alt="" />
              </a>
            </li>
            <li><a href="javaScript:;">莫塞尔专区</a></li>
            <li><a href="javaScript:;">华为智选</a></li>
            <li><a href="javaScript:;">智能家居</a></li>
            <li><a href="javaScript:;">福利中心</a></li>
          </ul>
        </div>
      </div>
      <div class="head-right">
        <div class="head-search">
          <form action="#">
            <input type="text" class="text" />
            <input type="submit" class="submit" value="" />
            <span class="iconfont icon-fangdajing"></span>
          </form>
          <div class="into">
            <span>Mate X2</span>
            <span>Nova 8 pro</span>
          </div>
        </div>
      </div>
    </div>
    <!-- 大图 -->
    <div class="ban">
      <div class="ban-c" style="width: 1210px; height: 550px; margin: auto; position: absolute; left: 0; right: 0">
        <div class="ban-nav">
          <li class="nav-li">
            手机
            <span class="iconfont icon-youjiantou"></span>
            <div class="drop">
              <ul class="list">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI P系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI nova系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>华为畅想系列</span>
                </li>
                <li class="list-btn">
                  <div class="cir"><</div>
                  <div class="text">查看全部</div>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-li">
            智能穿戴&VR
            <span class="iconfont icon-youjiantou"></span>
            <div class="drop2">
              <ul class="list">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>智能手表</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>儿童手表</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>智能手环</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>VR</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>智能体脂称</span>
                </li>
              </ul>
              <ul class="list1">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>穿戴配件</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>运动健身</span>
                </li>
                <li class="list-btn">
                  <div class="cir"><</div>
                  <div class="text">查看全部</div>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-li">
            耳机音箱眼镜
            <span class="iconfont icon-youjiantou"></span>
            <div class="drop2">
              <ul class="list">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>真无线耳机</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>有线耳机</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>蓝牙耳机</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>蓝牙音箱</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>智能眼镜</span>
                </li>
              </ul>
              <ul class="list1">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>智能音箱</span>
                </li>
                <li class="list-btn">
                  <div class="cir"><</div>
                  <div class="text">查看全部</div>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-li">
            智慧屏
            <span class="iconfont icon-youjiantou"></span>
            <div class="drop2">
              <ul class="list">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>华为智慧屏V系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>华为智慧屏S系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>华为智慧屏X系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>华为智慧屏B系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
              </ul>
              <ul class="list1">
                <li class="list-btn">
                  <div class="cir"><</div>
                  <div class="text">查看全部</div>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-li">
            电脑
            <span class="iconfont icon-youjiantou"></span>
            <div class="drop2">
              <ul class="list">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
              </ul>
              <ul class="list1">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-btn">
                  <div class="cir"><</div>
                  <div class="text">查看全部</div>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-li">
            平板
            <span class="iconfont icon-youjiantou"></span>
            <div class="drop">
              <ul class="list">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-btn">
                  <div class="cir"><</div>
                  <div class="text">查看全部</div>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-li">
            智能路由
            <span class="iconfont icon-youjiantou"></span>
            <div class="drop">
              <ul class="list">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-btn">
                  <div class="cir"><</div>
                  <div class="text">查看全部</div>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-li">
            配件
            <span class="iconfont icon-youjiantou"></span>
            <div class="drop3">
              <ul class="list">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
              </ul>
              <ul class="list1">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
              </ul>
              <ul class="list2">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-btn">
                  <div class="cir"><</div>
                  <div class="text">查看全部</div>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-li">
            生态产品
            <span class="iconfont icon-youjiantou"></span>
            <div class="drop4">
              <ul class="list">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
              </ul>
              <ul class="list1">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
              </ul>
              <ul class="list2">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
              </ul>
              <ul class="list3">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-btn">
                  <div class="cir"><</div>
                  <div class="text">查看全部</div>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-li">
            美食酒饮
            <span class="iconfont icon-youjiantou"></span>
            <div class="drop">
              <ul class="list">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-btn">
                  <div class="cir"><</div>
                  <div class="text">查看全部</div>
                </li>
              </ul>
            </div>
          </li>
          <li class="nav-li">
            增值服务&企业商用
            <span class="iconfont icon-youjiantou"></span>
            <div class="drop3">
              <ul class="list">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
              </ul>
              <ul class="list1">
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
                <li class="list-li">
                  <img src="../images/nav.png" alt="" />
                  <span>HUAWEI Mate系列</span>
                </li>
              </ul>
              <ul class="list2">
                <li class="list-btn">
                  <div class="cir"><</div>
                  <div class="text">查看全部</div>
                </li>
              </ul>
            </div>
          </li>
        </div>
      </div>
      <div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
        <!-- Indicators -->
        <ol class="carousel-indicators" style="bottom: 64px; left: 110%; width: 14%">
          <li data-target="#carousel-example-generic" data-slide-to="0" class="active" style="margin-right: 10px"></li>
          <li data-target="#carousel-example-generic" data-slide-to="1" style="margin-right: 10px"></li>
          <li data-target="#carousel-example-generic" data-slide-to="2" style="margin-right: 10px"></li>
          <li data-target="#carousel-example-generic" data-slide-to="3" style="margin-right: 10px"></li>
          <li data-target="#carousel-example-generic" data-slide-to="4" style="margin-right: 10px"></li>
          <li data-target="#carousel-example-generic" data-slide-to="5" style="margin-right: 10px"></li>
          <li data-target="#carousel-example-generic" data-slide-to="6" style="margin-right: 10px"></li>
        </ol>

        <!-- Wrapper for slides -->
        <div class="carousel-inner" role="listbox">
          <div class="item active"><img src="../images/bann1.jpg" alt="" style="height: 550px; width: 100%" /></div>
          <div class="item"><img src="../images/banner2.jpg" alt="" style="height: 550px; width: 100%" /></div>
          <div class="item"><img src="../images/bann3.jpg" alt="" style="height: 550px; width: 100%" /></div>
          <div class="item"><img src="../images/bann4.png" alt="" style="height: 550px; width: 100%" /></div>
          <div class="item"><img src="../images/bann5.png" alt="" style="height: 550px; width: 100%" /></div>
          <div class="item"><img src="../images/bann6.jpg" alt="" style="height: 550px; width: 100%" /></div>
          <div class="item"><img src="../images/bann7.jpg" alt="" style="height: 550px; width: 100%" /></div>
        </div>

        <!-- Controls -->
        <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev" style="background: rgba(0, 0, 0, 0); left: 250px">
          <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
          <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next" style="background: rgba(0, 0, 0, 0)">
          <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
          <span class="sr-only">Next</span>
        </a>
      </div>
    </div>
    <!-- 登录 -->
    <div class="loding">
      <div class="loding-left">
        <div class="left-left">
          <img src="../images/touxiang.png" alt="" />
        </div>
        <div class="left-right">
          <div class="right-top">
            <span class="span1">您好！请</span>
            <span class="span2"><a href="javaScript:;">登录 </a></span>
            <span class="span3"> / </span>
            <span class="span2"><a href="javaScript:;"> 注册</a></span>
          </div>
          <div class="right-btm">
            <a class="new" href="javaScript:;">新人福利</a>
            <a class="vip" href="javaScript:;">会员频道</a>
          </div>
        </div>
      </div>
      <div class="loding-mid">
        <ul>
          <li>
            <img src="../images/1.png" alt="" />
            <p>企业购</p>
          </li>
          <li>
            <img src="../images/2.png" alt="" />
            <p>会员领券</p>
          </li>
          <li>
            <img src="../images/3.png" alt="" />
            <p>以旧换新</p>
          </li>
          <li>
            <img src="../images/4.png" alt="" />
            <p>教育优惠</p>
          </li>
          <li>
            <img src="../images/5.png" alt="" />
            <p>智能穿戴</p>
          </li>
          <li>
            <img src="../images/6.png" alt="" />
            <p>智能家居</p>
          </li>
        </ul>
      </div>
      <div class="loding-rig">
        <div class="tig-top">
          <span class="span1">公告</span>
          <ul class="top-list">
            <li><a href="javascript:;">索尼PlayStation 5首销活动公告</a></li>
            <li><a href="javascript:;">HUAWEI FreeBuds 4 新品上市公告</a></li>
            <li><a href="javascript:;">华为智选 海雀门铃Pro众测中奖名单</a></li>
            <li><a href="javascript:;">生活权益频道上线公告</a></li>
            <li><a href="javascript:;">华为智选 VOC智能门锁S众测中...</a></li>
            <li><a href="javascript:;">索尼PlayStation 5首销活动公告</a></li>
          </ul>
        </div>
        <div class="tig-btm">
          <div>
            <img src="../images/7.png" alt="" />
            <span>优购码</span>
          </div>
          <div>
            <img src="../images/8.png" alt="" />
            <span>更换电池</span>
          </div>
          <div>
            <img src="../images/9.png" alt="" />
            <span>补购保障</span>
          </div>
        </div>
      </div>
    </div>
    <!-- 板块一 -->
    <div class="con1">
      <ul class="con1-list">
        <li><img data-original="../images/con1-pic1.png" alt="" class="lazy" /></li>
        <li><img data-original="../images/con1-pic2.png" alt="" class="lazy" /></li>
        <li><img data-original="../images/con1-pic3.png" alt="" class="lazy" /></li>
        <li><img data-original="../images/con1-pic4.png" alt="" class="lazy" /></li>
      </ul>
    </div>
    <!-- 板块二 -->
    <h2 class="con2">热销产品</h2>
    <!-- 板块三 -->
    <div class="con3">
      <div class="con3-left">
        <img data-original="../images/con3-pic1.png" alt="" class="lazy" />
      </div>
      <div class="con3-right">
        <div class="con3-list">
          <img data-original="../images/con3-pic2.png" alt="" class="lazy" />
          <p class="con3-title">FreeBuds 4i</p>
          <p class="con3-p1">Mate 40系列新品上市</p>
          <p class="con3-p2">¥4599</p>
        </div>
        <div class="con3-list">
          <img data-original="../images/con3-pic3.png" alt="" class="lazy" />
          <p class="con3-title">HUAWEI Mate 40E 5G</p>
          <p class="con3-p1">Mate 40系列新品上市</p>
          <p class="con3-p2">¥499</p>
        </div>
        <div class="con3-list">
          <img data-original="../images/con3-pic4.png" alt="" class="lazy" />
          <p class="con3-title">涡轮六叶剃须刀</p>
          <p class="con3-p1">创新六叶刀片</p>
          <p class="con3-p2">¥209</p>
        </div>
        <div class="con3-list">
          <img data-original="../images/con3-pic5.png" alt="" class="lazy" />
          <p class="con3-title">FreeBuds 3</p>
          <p class="con3-p1">享6期免息</p>
          <p class="con3-p2">¥899</p>
        </div>
        <div class="con3-list">
          <img data-original="../images/con3-pic6.png" alt="" class="lazy" />
          <p class="con3-title">HUAWEI P40 Pro+ 5G</p>
          <p class="con3-p1">徕卡五摄</p>
          <p class="con3-p2">¥7988</p>
        </div>
        <div class="con3-list">
          <img data-original="../images/con3-pic7.png" alt="" class="lazy" />
          <p class="con3-title">HUAWEI Mate 30E Pro 5G</p>
          <p class="con3-p1">超感光徕卡电影影像</p>
          <p class="con3-p2">¥5299</p>
        </div>
        <div class="con3-list">
          <img data-original="../images/con3-pic8.png" alt="" class="lazy" />
          <p class="con3-title">FreeBuds 4i</p>
          <p class="con3-p1">享3期免息</p>
          <p class="con3-p2">¥499</p>
        </div>
        <div class="con3-list">
          <img data-original="../images/con3-pic9.png" alt="" class="lazy" />
          <p class="con3-title">usmile电动牙刷</p>
          <p class="con3-p1">12种洁齿模式</p>
          <p class="con3-p2">¥379</p>
        </div>
      </div>
    </div>
    <!-- 板块四 -->
    <h2 class="con2">精品推荐</h2>
    <!-- 板块五 -->
    <div class="con5">
      <div class="grid-btn swiper-button-prev btn-prev"><span class="iconfont icon-zuojiantou"></span></div>
      <div class="grid-btn swiper-button-next btn-next"><span class="iconfont icon-youjiantou"></span></div>
      <div class="con5-main">
        <div class="con5-list">
          <div class="list-top">
            <img data-original="../images/con5-pic1.png" alt="" class="lazy" />
            <p class="top-p">预订省300</p>
          </div>
          <p class="list-p1">华为智慧屏 55英寸</p>
          <p class="list-p2">¥4299</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img data-original="../images/con5-pic2.png" alt="" class="lazy" />
            <p class="top-p">享3期免息</p>
          </div>
          <p class="list-p1">华为手环 B6 运动版</p>
          <p class="list-p2">¥999</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img data-original="../images/con5-pic3.png" alt="" class="lazy" />
            <p class="top-p">享3期免息</p>
          </div>
          <p class="list-p1">FreeLace Pro</p>
          <p class="list-p2">¥599</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img data-original="../images/con5-pic4.png" alt="" class="lazy" />
            <p class="top-p">硬核科技 令你所见清晰</p>
          </div>
          <p class="list-p1">凯胜眼部按摩器 A3</p>
          <p class="list-p2">¥429</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img data-original="../images/con5-pic5.png" alt="" class="lazy" />
            <p class="top-p">视频通话 高清拍照</p>
          </div>
          <p class="list-p1">华为儿童手表 3 Pro</p>
          <p class="list-p2">¥798</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic1.png" alt="" class="lazy" />
            <p class="top-p">预订省300</p>
          </div>
          <p class="list-p1">华为智慧屏 55英寸</p>
          <p class="list-p2">¥4299</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic2.png" alt="" class="lazy" />
            <p class="top-p">享3期免息</p>
          </div>
          <p class="list-p1">华为手环 B6 运动版</p>
          <p class="list-p2">¥999</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic3.png" alt="" class="lazy" />
            <p class="top-p">享3期免息</p>
          </div>
          <p class="list-p1">FreeLace Pro</p>
          <p class="list-p2">¥599</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic4.png" alt="" class="lazy" />
            <p class="top-p">硬核科技 令你所见清晰</p>
          </div>
          <p class="list-p1">凯胜眼部按摩器 A3</p>
          <p class="list-p2">¥429</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic5.png" alt="" class="lazy" />
            <p class="top-p">视频通话 高清拍照</p>
          </div>
          <p class="list-p1">华为儿童手表 3 Pro</p>
          <p class="list-p2">¥798</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic1.png" alt="" class="lazy" />
            <p class="top-p">预订省300</p>
          </div>
          <p class="list-p1">华为智慧屏 55英寸</p>
          <p class="list-p2">¥4299</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic2.png" alt="" class="lazy" />
            <p class="top-p">享3期免息</p>
          </div>
          <p class="list-p1">华为手环 B6 运动版</p>
          <p class="list-p2">¥999</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic3.png" alt="" class="lazy" />
            <p class="top-p">享3期免息</p>
          </div>
          <p class="list-p1">FreeLace Pro</p>
          <p class="list-p2">¥599</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic4.png" alt="" class="lazy" />
            <p class="top-p">硬核科技 令你所见清晰</p>
          </div>
          <p class="list-p1">凯胜眼部按摩器 A3</p>
          <p class="list-p2">¥429</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic5.png" alt="" class="lazy" />
            <p class="top-p">视频通话 高清拍照</p>
          </div>
          <p class="list-p1">华为儿童手表 3 Pro</p>
          <p class="list-p2">¥798</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic1.png" alt="" class="lazy" />
            <p class="top-p">预订省300</p>
          </div>
          <p class="list-p1">华为智慧屏 55英寸</p>
          <p class="list-p2">¥4299</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic2.png" alt="" class="lazy" />
            <p class="top-p">享3期免息</p>
          </div>
          <p class="list-p1">华为手环 B6 运动版</p>
          <p class="list-p2">¥999</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic3.png" alt="" class="lazy" />
            <p class="top-p">享3期免息</p>
          </div>
          <p class="list-p1">FreeLace Pro</p>
          <p class="list-p2">¥599</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic4.png" alt="" class="lazy" />
            <p class="top-p">硬核科技 令你所见清晰</p>
          </div>
          <p class="list-p1">凯胜眼部按摩器 A3</p>
          <p class="list-p2">¥429</p>
        </div>
        <div class="con5-list">
          <div class="list-top">
            <img src="../images/con5-pic5.png" alt="" class="lazy" />
            <p class="top-p">视频通话 高清拍照</p>
          </div>
          <p class="list-p1">华为儿童手表 3 Pro</p>
          <p class="list-p2">¥798</p>
        </div>
      </div>
    </div>
    <!-- 图片轮换 -->
    <div class="con-ban">
      <img src="../images/ban1.jpg" alt="" />
      <ul class="ban-list">
        <li class="active"></li>
        <li></li>
        <li></li>
      </ul>
    </div>
    <!-- 板块六 -->
    <div class="con6">
      <h2 class="con6-title">手机</h2>
      <ul class="con6-nav">
        <li><a href="javaScript:;">HUAWEI Mate系列</a></li>
        <li><a href="javaScript:;">HUAWEI P系列</a></li>
        <li><a href="javaScript:;">HUAWEI nova系列</a></li>
        <li><a href="javaScript:;">华为畅享系列</a></li>
      </ul>
      <p class="con6-more">查看更多 <span class="iconfont icon-youjiantou"></span></p>
    </div>
    <!-- 板块七 -->
    <div class="con7">
      <div class="con7-list-te">
        <img data-original="../images/con7-pic1.png" alt="" class="img1 lazy" />
      </div>
      <div class="con7-list">
        <img data-original="../images/con7-pic2.png" alt="" class="lazy" />
        <p class="con7-p1">HUAWEI Mate 40 5G</p>
        <p class="con7-p2">限量发售</p>
        <p class="con7-p3">¥4999</p>
      </div>
      <div class="con7-list">
        <img data-original="../images/con7-pic3.png" alt="" class="lazy" />
        <p class="con7-p1">华为畅享20 SE</p>
        <p class="con7-p2">22.5W超级快充</p>
        <p class="con7-p3">¥1499</p>
      </div>
      <div class="con7-list">
        <img data-original="../images/con7-pic4.png" alt="" class="lazy" />
        <p class="con7-p1">HUAWEI Mate 30 RS 保时捷设计</p>
        <p class="con7-p2">致敬时代</p>
        <p class="con7-p3">¥12999</p>
      </div>
      <div class="con7-list">
        <img data-original="../images/con7-pic5.png" alt="" class="lazy" />
        <p class="con7-p1">华为畅享20 Pro</p>
        <p class="con7-p2">90Hz畅滑屏</p>
        <p class="con7-p3">¥1999</p>
      </div>
    </div>
    <!-- 板块八 -->
    <div class="con6">
      <h2 class="con6-title">智能穿戴&VR</h2>
      <ul class="con6-nav">
        <li><a href="javaScript:;">智能手表</a></li>
        <li><a href="javaScript:;">儿童手表</a></li>
        <li><a href="javaScript:;">智能手环</a></li>
        <li><a href="javaScript:;">智能体脂秤</a></li>
        <li><a href="javaScript:;">VR</a></li>
      </ul>
      <p class="con6-more">查看更多 <span class="iconfont icon-youjiantou"></span></p>
    </div>
    <!-- 板块九 -->
    <div class="con9">
      <div class="con9-list-te">
        <img data-original="../images/con9-pic1.jpg" alt="" class="img1 lazy" />
      </div>
    </div>
    <!-- 底部 -->
    <div class="foot-img"><img src="../images/foot.png" alt="" /></div>
    <footer>
      <div class="footer-cen">
        <div class="btm1">
          <ul class="btn-list">
            <li><span class="s1"></span>百强企业 品质保证</li>
            <li><span class="s2"></span>7天退货 15天退换</li>
            <li><span class="s3"></span>48元起免运费</li>
            <li><span class="s4"></span>2000家服务店 全国联保</li>
          </ul>
        </div>
        <div class="btm2">
          <div class="btm2-l">
            <ul>
              <li class="first">购物相关</li>
              <li><a href="#">购物指南</a></li>
              <li><a href="#">配送方式</a></li>
              <li><a href="#">支付方式</a></li>
              <li><a href="#">常见问题</a></li>
            </ul>
            <ul>
              <li class="first">保修和退换货</li>
              <li><a href="#">保修政策</a></li>
              <li><a href="#">退换货政策</a></li>
              <li><a href="#">保修状态查询</a></li>
              <li><a href="#">配件防伪查询</a></li>
            </ul>
            <ul>
              <li class="first">维修与技术支持</li>
              <li><a href="#">服务店</a></li>
              <li><a href="#">预约维修</a></li>
              <li><a href="#">手机寄修</a></li>
              <li><a href="#">备件价格查询</a></li>
              <li><a href="#">上门服务</a></li>
            </ul>
            <ul>
              <li class="first">特色服务</li>
              <li><a href="#">防伪查询</a></li>
              <li><a href="#">补购保障</a></li>
              <li><a href="#">以旧换新</a></li>
              <li><a href="#">礼品包装</a></li>
            </ul>
            <ul>
              <li class="first">关于我们</li>
              <li><a href="#">公司介绍</a></li>
              <li><a href="#">华为商城简介</a></li>
              <li><a href="#">华为零售店</a></li>
              <li><a href="#">商家中心</a></li>
              <li><a href="#">意见反馈</a></li>
            </ul>
            <div class="double">
              <p class="sec">
                友情链接
                <span class="iconfont icon-zuojiantou"></span>
                <span class="iconfont icon-youjiantou"></span>
              </p>
              <ul class="ul1">
                <li><a href="#">华为集团</a></li>
                <li><a href="#">华为CBG官网</a></li>
                <li><a href="#">花粉俱乐部</a></li>
                <li><a href="#">华为云</a></li>
                <li><a href="#">华为应用市场</a></li>
              </ul>
              <ul class="teshu">
                <li><a href="#">华为心声社区</a></li>
                <li><a href="#">华为海洋</a></li>
              </ul>
            </div>
          </div>
          <div class="btm2-r">
            <div class="btm2-r-top">
              <h3>950805</h3>
              <p>7x24小时客服热线（仅收市话费</p>
              <div class="serve"><span class="iconfont icon-kefu-copy"></span>在线客服</div>
            </div>
            <div class="btm2-r-btm">
              <div class="call">
                关注Vmall：
                <span class="iconfont icon-weixin wechat"></span>
                <span class="iconfont icon-toutiaoyangshi"></span>
                <span class="iconfont icon-tubiaozhizuo-"></span>
                <span class="iconfont icon-baidu"></span>
                <div class="pic"><img src="../images/wechat.png" alt="" /></div>
              </div>
            </div>
          </div>
        </div>
        <div class="btm3">
          <div class="btm3-logo">
            <img src="../images/logo1.png" alt="" title="华为商城" />
          </div>
          <div class="btm3-text">
            <ul>
              <li><a href="javaScript:;">华为集团</a></li>
              <li><a href="javaScript:;">华为CBG官网</a></li>
              <li><a href="javaScript:;">花粉俱乐部</a></li>
              <li><a href="javaScript:;">华为应用市场</a></li>
              <li><a href="javaScript:;">EMUI</a></li>
              <li><a href="javaScript:;">华为终端云空间</a></li>
              <li><a href="javaScript:;">开发者联盟</a></li>
              <li><a href="javaScript:;">华为商城手机版</a></li>
              <li><a href="javaScript:;">网站地图</a></li>
            </ul>
            <p class="p1">
              <a href="javaScript:;">隐私声明</a>
              <a href="javaScript:;">服务协议</a>
              <a href="javaScript:;">COOKIES</a>
              <span> Copyright © 2012-2021 华为终端有限公司 版权所有 </span>
              <a href="javaScript:;">粤ICP备19015064号</a>
              <span> | </span>
              <a href="javaScript:;">粤公网安备 44190002003939号</a>
            </p>
            <p class="p1">
              <span>增值电信业务经营许可证：粤B2-20190762 | 备案主体编号：44201919072182 粤新出网备（2021）2号</span>
            </p>
            <p class="p1">
              <a href="javaScript:;">互联网药品信息服务资格证（粤）-非经营性-2020-0102</a>
              <span> | 粤东食药监械经营备20203930</span>
            </p>
          </div>
          <div class="warrant">
            <a href="https://res.vmallres.com/pimages/sale/2019-04/Vhy8y3yxVJXg0FE74dh0.png" target="_blank">
              <img src="../images/zhizhao.png" alt="营业执照" title="营业执照" />
            </a>
          </div>
        </div>
      </div>
    </footer>

    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script
      src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"
      integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd"
      crossorigin="anonymous"
    ></script>
  </body>
</html>
